<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

	<head>
	
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="Content-Style-Type" content="text/css">
		<meta http-equiv="Content-Script-Type" content="text/javascript">

		<title>BabbleCat.com</title>

		<link href="main.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="ui.tabs.css" type="text/css" media="print, projection, screen">
		<script src="jquery-1.2.3.pack.js" type="text/javascript"></script>
		<script src="ui.tabs.pack.js" type="text/javascript"></script>
		<script type="text/javascript">
            	$(function() {
            	    $('#container-8 > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
            	});
        	</script>

	</head>

	<body>

		<div id="header">
			<div id="search">
				<form method="POST">
					<input type="text" name="search" value="Search!" size="25"/>
					<input type="submit" name="search-submit" value="Go!" />
				</form>
			</div>
			<div id="login">
				<p><a href="#">Login</a>&nbsp|&nbsp<a href="#">Register</a></p>
			</div>
			<div id="logo">
				<img src="top-logo.png" alt="Home">
			</div>
			<div id="nav">
				<div id="container-8">
					<ul class="ui-tabs-nav">
						<li class="ui-tabs-selected"><a href="home.html"><span>Home</span></a></li>
						<li class=""><a href="#learning"><span>Learning</span></a></li>
						<li class=""><a href="#teaching"><span>Teaching</span></a></li>
						<li class=""><a href="#aboutus"><span>About Us</span></a></li>
						<li class=""><a href="#donate"><span>Donate</span></a></li>
						<li class=""><a href="#privacy"><span>Privacy</span></a></li>
					</ul>
				</div>
			</div>
		</div>

		<div id="content">
			<div class="ui-tabs-panel" id="home">

			</div>
			<div class="ui-tabs-panel ui-tabs-hide" id="learning">

			</div>
			<div class="ui-tabs-panel ui-tabs-hide" id="teaching">

			</div>
			<div class="ui-tabs-panel ui-tabs-hide" id="aboutus">

			</div>
			<div class="ui-tabs-panel ui-tabs-hide" id="donate">

			</div>
			<div class="ui-tabs-panel ui-tabs-hide" id="privacy">

			</div>
		</div>

		<div id="footer">
			<p class="footer">All content on this page is &copy 2008 BabbleCat, Inc. <a href="#">Home</a>&nbsp|&nbsp<a href="#">About</a>&nbsp|&nbsp<a href="#">Terms of Service</a>&nbsp|&nbsp<a href="#">Privacy</a> </p>
		</div>

	</body>

</html>